<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib prefix="mytag" uri="/WEB-INF/tag/tag.tld" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<mytag:head title="农产品溯源系统-修改农产品" defineJs="https://cdn.bootcss.com/jquery.qrcode/1.0/jquery.qrcode.min.js" />
<body>
	<div style="padding:20px 20%;text-align:center">
		<div id="qrcode"></div>
		<br/>
		<br/>
		<p>打开手机微信扫描二维码查看农产品详细信息</p>
		<br/>
		<button class="layui-btn layui-btn-primary" onclick="fun()">下载二维码</button>
	</div>
	<p id="ewmsj" style="visibility:hidden">${ param.ewmsj }</p>

	<script>
	//注意：选项卡 依赖 element 模块，否则无法进行功能性操作
	layui.use(['form', 'laydate'], function(){
	  var form = layui.form,
	  laydate = layui.laydate;

	  var ewmsj = $("#ewmsj").text();
		$("#qrcode").qrcode(ewmsj);
	});

  function fun() {
	  var canvas = $("#qrcode").find("canvas").get(0); //这里需要get(0),踩了个坑
	  downLoad(canvas.toDataURL("image/png"));
  }
	function downLoad(url){
		var oA = document.createElement("a");
		oA.download = '';// 设置下载的文件名，默认是'下载'
		oA.href = url;
		document.body.appendChild(oA);
		oA.click();
		oA.remove(); // 下载之后把创建的元素删除
	}
	</script>
</body>
</html>